﻿$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black: #000 !default;

$text-light: #fff !default;
$text-dark: #212529 !default;
$text-muted: #6c757d !default;

$body-color: #212529 !default;

$yiq-text-light: $text-light !default;
$yiq-text-dark: $text-dark !default;

// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
$yiq-contrasted-threshold: 150 !default;

$primary: #1890ff !default;
$secondary: #6c757d !default;
$success: #35c613 !default;
$info: #60b6f4 !default;
$warning: #f7c12a !default;
$danger: #ff4d4f !default;
$light: #fafafa !default;
$dark: #343a40 !default;
$link: #3273dc !default;

$theme-colors: () !default;
$theme-colors: map-merge(( "primary": $primary, "secondary": $secondary, "success": $success, "info": $info, "warning": $warning, "danger": $danger, "light": $light, "dark": $dark, "link":$link), $theme-colors);

$body-background: #fff;
$component-background: #fff;

$background-color-light: hsv_to_color(0, 0, 98%); // background of header and selected item
$background-color-base: hsv_to_color(0, 0, 96%); // Default grey background color

// Disabled states
$disabled-color: fade(#000, 25%);
$disabled-bg: $background-color-base;
$disabled-color-dark: fade(#fff, 35%);

// Components

$border-radius: .25rem !default;
$border-radius-lg: .3rem !default;
$border-radius-sm: .2rem !default;

$component-active-color: $white !default;
$component-active-bg: theme-color("primary") !default;

// Set a specific jump point for requesting color jumps
$theme-color-interval: 8% !default;

// Buttons
$button-colors: map-merge(( "primary": $primary, "secondary": $secondary, "success": $success, "info": $info, "warning": $warning, "danger": $danger, "light": $light, "dark": $dark), ("link": #007bff));
$unsuported-button-colors: map-merge(( "secondary": $secondary, "success": $success, "info": $info, "warning": $warning, "light": $light, "dark": $dark), ("link": #007bff));

$button-hover-lighten: 15%;
$button-active-darken: 15%;

// Alerts

$alert-color-level: 6 !default;
$alert-background-level: -10 !default;
$alert-border-level: -9 !default;

// Tables

$table-background-level: -9 !default;
$table-border-level: -6 !default;


$mobile: 576px;
$tablet: 768px;
$desktop: 992px;
$widescreen: 1200px;
$fullhd: 1600px;

$spacer: 1rem !default;
$spacers: () !default;

$spacers: map-merge( ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3) ), $spacers );

$grid-columns: 24 !default;
$grid-row-columns: 6 !default;
$grid-breakpoints: ( "xxs": 0, "xs": $mobile, "sm": $tablet, "md": $desktop, "lg": $widescreen, "xl": $fullhd ) !default;

$modal-dialog-margin: .5rem !default;

// Cards

$grid-gutter-width: 30px !default;

$card-group-margin: $grid-gutter-width / 2 !default;
$card-deck-margin: $card-group-margin !default;

$form-grid-gutter-width: 10px !default;

// Typography

$headings-margin-bottom: $spacer / 2 !default;
$headings-font-family: null !default;
$headings-font-weight: 500 !default;
$headings-line-height: 1.2 !default;
$headings-color: null !default;

$display1-size: 6rem !default;
$display2-size: 5.5rem !default;
$display3-size: 4.5rem !default;
$display4-size: 3.5rem !default;

$display1-weight: 300 !default;
$display2-weight: 300 !default;
$display3-weight: 300 !default;
$display4-weight: 300 !default;
$display-line-height: $headings-line-height !default;

// Check

$check-height: 16px;
$check-xs-height: 8px;
$check-sm-height: 12px;
$check-md-height: 20px;
$check-lg-height: 24px;
$check-xl-height: 28px;

// Radio

$radio-height: 16px;
$radio-xs-height: 8px;
$radio-sm-height: 12px;
$radio-md-height: 20px;
$radio-lg-height: 24px;
$radio-xl-height: 28px;

// Switch

$font-size-sm: 12px;

$switch-color: $primary;
$switch-bg: $component-background;
$switch-shadow-color: fade(#00230b, 20%);

$switch-height: 22px;
$switch-min-width: 44px;

$switch-xs-height: 12px;
$switch-xs-min-width: 22px;
$switch-xs-checked-margin-left: -($switch-xs-height - 3px);
$switch-xs-font-size: 10px;

$switch-sm-height: 16px;
$switch-sm-min-width: 28px;
$switch-sm-checked-margin-left: -($switch-sm-height - 3px);
$switch-sm-font-size: 12px;

$switch-md-height: 24px;
$switch-md-min-width: 90px;
$switch-md-checked-margin-left: -($switch-md-height - 3px);
$switch-md-font-size: 12px;

$switch-lg-height: 28px;
$switch-lg-min-width: 90px;
$switch-lg-checked-margin-left: -($switch-lg-height - 3px);
$switch-lg-font-size: 12px;

$switch-xl-height: 32px;
$switch-xl-min-width: 160px;
$switch-xl-checked-margin-left: -($switch-xl-height - 3px);
$switch-xl-font-size: 12px;

// Pagination
// ---
$pagination-item-bg: $component-background;
$pagination-item-size: 32px;
$pagination-item-size-xs: 16px;
$pagination-item-size-sm: 24px;
$pagination-item-size-md: 36px;
$pagination-item-size-lg: 40px;
$pagination-item-size-xl: 48px;
$pagination-font-family: Arial;
$pagination-font-weight-active: 500;
$pagination-item-bg-active: $component-background;
$pagination-item-link-bg: $component-background;
$pagination-item-disabled-color-active: $white;
$pagination-item-disabled-bg-active: darken($disabled-bg, 10%);
$pagination-item-input-bg: $component-background;

$radius: 4px !default;
$radius-rounded: 290486px !default;
$radius-pill: 50rem !default;

$border-width: 1px;
$border-color: #adb5bd;

$sizes: () !default;
$sizes: map-merge( ( 25: 25%, 50: 50%, 75: 75%, 100: 100%, auto: auto ), $sizes );

$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;
$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;
$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;

// List group

$list-group-color: null !default;
$list-group-bg: $white !default;
$list-group-border-color: rgba($black, .125) !default;
$list-group-border-width: $border-width !default;
$list-group-border-radius: $border-radius !default;

$list-group-item-padding-y: .75rem !default;
$list-group-item-padding-x: 1.25rem !default;

$list-group-hover-bg: $gray-100 !default;
$list-group-active-color: $component-active-color !default;
$list-group-active-bg: $component-active-bg !default;
$list-group-active-border-color: $list-group-active-bg !default;

$list-group-disabled-color: $gray-600 !default;
$list-group-disabled-bg: $list-group-bg !default;

$list-group-action-color: $gray-700 !default;
$list-group-action-hover-color: $list-group-action-color !default;

$list-group-action-active-color: $body-color !default;
$list-group-action-active-bg: $gray-200 !default;

// Blockquote

$blockquote-small-color: $gray-600 !default;
$blockquote-small-font-size: 12px !default;
$blockquote-font-size: 16px * 1.25 !default;

// Position

$position-values: ( 0: 0, 50: 50%, 100: 100% ) !default;

$overflows: auto, hidden, visible, scroll !default;